#navbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

#navbar > .navbar-brand {
    display: inline-block;
}

#navbar > .navbar-brand > img {
    height: 2rem;
    margin-right: 0.2rem;
    vertical-align: top;
}

#navbar-menu .nav-item .dropdown-menu {
    left: unset;
    right: 0;
}

#container {
    padding: 1.25rem 0;
}

.search-button .collapsable-icon {
    padding-left: 0.25rem;
}

.search-button .collapsable-icon:before {
    content: '\f106';
}

.search-button.collapsed .collapsable-icon:before {
    content: '\f107';
}

.box {
    border: 0.2rem solid #F7F7F9;
    margin: 1rem 0;
    padding: 1rem;
}

.pagination-bar {
    margin: 1rem 0 2rem;
}

.pagination-bar .disabled {
    opacity: 0.7;
}

.pagination-bar .pagination {
    display: inline-flex;
    margin: 1rem 0.5rem 0 0;
}

.pagination-bar .input-group {
    display: inline-flex;
    margin-top: 1rem;
    width: auto;
}

.pagination-bar .input-group:not(:last-child) {
    margin-right: 0.5rem;
}

.pagination-bar .input-group .custom-select {
    direction: rtl;
}

#loading-box {
    text-align: center;
}

#loading-box > .modal-dialog {
    display: inline-block;
}

.modal-content.loading-content {
    display: block;
    padding: 1rem 1rem 0.8rem;
    text-align: center;
}

.modal-content.loading-content .fa-spin {
    color: #555555;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1;
    width: 1.5rem;
}

.modal-content.loading-content .loading-text {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5;
    max-width: 15rem;
    overflow: hidden;
    padding: 0 0.5rem;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    word-break: keep-all;
}

.modal-alert {
    font-size: 1em;
}

.modal-alert .modal-body {
    display: flex;
}

.modal-alert i.fa {
    display: block;
    font-size: 4rem;
}

.modal-alert i.fa-info-circle {
    color: #007BFF;
}

.modal-alert i.fa-exclamation-circle {
    color: #FFC107;
}

.modal-alert i.fa-question-circle {
    color: #17A2B8;
}

.modal-alert i.fa-times-circle {
    color: #DC3545;
}

.modal-alert p.alert-text {
    margin: auto 0;
    padding-left: 1rem;
}

th {
    white-space: nowrap;
}

td {
    white-space: nowrap;
}

th.w1, td.w1 {
    width: 1rem;
}

th.w2, td.w2 {
    width: 2rem;
}

th.w3, td.w3 {
    width: 3rem;
}

th.w4, td.w4 {
    width: 4rem;
}

th.w5, td.w5 {
    width: 5rem;
}

th.w6, td.w6 {
    width: 6rem;
}

th.w7, td.w7 {
    width: 7rem;
}

th.w8, td.w8 {
    width: 8rem;
}

th.w9, td.w9 {
    width: 9rem;
}

th.w10, td.w10 {
    width: 10rem;
}

th.w15, td.w15 {
    width: 15rem;
}

th.w20, td.w20 {
    width: 20rem;
}

th.center, td.center {
    text-align: center;
}

th.right, td.right {
    text-align: right;
}

th.index, td.index {
    text-align: right;
}

th.nowarp, td.nowarp {
    white-space: nowrap;
}

th.overflow, td.overflow {
    max-width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

th.overflow.lg, td.overflow.lg {
    max-width: 25rem;
}

@media (max-width: 575px) {
    #search-form .form-group.row > div:first-child {
        margin-bottom: 1rem;
    }
}

.popover .popover-body pre {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 100%;
    margin-bottom: 0;
    white-space: pre-wrap;
}
